<?php
use frontend\assets\AppAsset;
use yii\helpers\Url;

AppAsset::register($this);
$this->title = empty($parent_list['category_name']) ? '' : $parent_list['category_name'];
$cate_id = empty($parent_list['id']) ? 0 : $parent_list['id'];
$this->params['breadcrumbs'][] = $this->title;
$image_bath_url = Yii::$app->params['imageBathUrl'];
?>
<?php
AppAsset::addCss($this,$image_bath_url."/static/pc/css/util/flickity.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/product-xxylist.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/product-bedlist.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/proudct-left.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/prouduct-list.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/pagination.css");
?>
    <article>
    <div class="w br4 mt50"></div>
    <section class="content w mt40">
    <!-- 左边引导 -->
    <div class="content-left-box left-w fl">
        <h3 class="h3">床品</h3>
        <div class="item mt25">
            <h4 class="h4">所有床品</h4>
            <ul class="item_list">
                <li><a href="javascript:;" class="link">床品四件套</a></li>
                <li><a href="javascript:;" class="link">被枕芯</a></li>
                <li><a href="javascript:;" class="link">靠垫&披毯</a></li>
                <li><a href="javascript:;" class="link">卫浴织品</a></li>
            </ul>
        </div>
        <div class="item mt25">
            <h4 class="h4">帝幔进口床品</h4>
            <ul class="item_list">
                <li><a href="javascript:;" class="link">AL0NPI</a></li>
                <li><a href="javascript:;" class="link"> ALEXANDRE TURPAULT</a></li>
                <li><a href="javascript:;" class="link">BLUMARINE</a></li>
                <li><a href="javascript:;" class="link">DECOFLUX</a></li>
                <li><a href="javascript:;" class="link">Downland</a></li>
                <li><a href="javascript:;" class="link"> ELITIS</a></li>
                <li><a href="javascript:;" class="link">ESSIX</a></li>
                <li><a href="javascript:;" class="link">Graziano</a></li>
                <li><a href="javascript:;" class="link">KAS</a></li>
                <li><a href="javascript:;" class="link"> Kauffmann</a></li>
            </ul>
        </div>
        <div class="item mt25">
            <h4 class="h4">推 荐</h4>
            <ul class="item_list">
                <li><a href="javascript:;" class="link">New新品</a></li>
                <li><a href="javascript:;" class="link" >Hot热销</a></li>
                <li><a href="javascript:;" class="link">Sale限时出清</a></li>
                <li><a href="javascript:;" class="link">STAR本月主打商品</a></li>
            </ul>
        </div>
    </div>
    <!-- 左边引导 End-->
    <!-- 右边 -->
    <div class="content-right-box right-w fr">
    <div class="content_url">
        <p><a href="javascript:;"> 首页</a> > <a href="javascript:;"> 床品</a>  </p>
    </div>
    <div class="right_content_banner mt20 pr">
        <img src="<?=$image_bath_url ?>/static/pc/image/product-bedlist/cpls_kv.png" alt="bnner"/>
        <div class="banner_info mid">
            <img src="<?=$image_bath_url ?>/static/pc/image/product-bedlist/cpls_kv_font.png" alt="font"/>
        </div>
    </div>
    <div class="right_banner_mini mt20">
        <img src="<?=$image_bath_url ?>/static/pc/image/product-bedlist/cpls_pc.png" alt="miniBanner"/>
    </div>
    <div class="product_list_box mt">
    <div class="select">
        <div class="select_tool js-show-select">
            <span class="icon icon-sl"></span>
            筛选器
            <span class="icon icon-sr"></span>
        </div>
        <div class="fr pagination_list">
            <div class="pagination  pr">
                <a href="javascript:;" class="icon prev pa"> < </a>
                <ul class="pagination_box fl">
                    <li class="item fl"><a href="javascript:;" class="link">1</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">2</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">3</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">...</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">10</a> </li>
                </ul>
                <a href="javascript:;" class="icon next pa"> > </a>
            </div>
            <div class="href_page pr">跳转到第<input type="text" class="icon icon-arrow-down page_val" disabled/>页
                <ul class="href_page_list pa">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
            </div>
            <div class="total">共<span>180</span>件产品</div>
        </div>
    </div>
    <div class="select_tool_list hide">
        <ul class="tool_list">
            <li class="defalt fl item">默认</li>
            <li class="brand fl drwop-box item" id="js_list">分类 <span class="icon icon-arrow-down"></span>
                <ul class="brand_select_list pa" id="fn_list">
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                </ul>
            </li>
            <li class="brand fl pr drwop-box item" id="js_brand">品牌 <span class="icon icon-arrow-down"></span>
                <ul class="brand_select_list pa" id="brand_list">
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                    <li class="item"><a href="javascript:;">Callganis</a></li>
                </ul>
            </li>
            <li class="price fl item">价格 ↑</li>
            <li class="hotnew fl item">最新 ↑</li>
            <li class="like fl item">人气 ↑</li>
        </ul>
    </div>
    <div class="proudct_list clear">
    <ul class="proudct_list_ul">
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,010.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,010.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,010.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    <li class="item pr">
        <div class="item_img">
            <span class="icon icon-hart"></span>
            <ul class="item_img_list">
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="white"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="red"></a></li>
                <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/cpls_pc01.png" alt="blue"></a></li>
            </ul>
        </div>
        <div class="item_info">
            <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
            <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
            <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
        </div>
        <ol class="dots mid">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
        </ol>
    </li>
    </ul>
    <div class="pagination_list mt30">
        <div class="pagination  pr">
            <a href="javascript:;" class="icon prev pa"> < </a>
            <ul class="pagination_box fl">
                <li class="item fl"><a href="javascript:;" class="link">1</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">2</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">3</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">...</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">10</a> </li>
            </ul>
            <a href="javascript:;" class="icon next pa"> > </a>
        </div>
        <div class="href_page">跳转到第<input type="text" class="page_val" value="180"/>页</div>
        <div class="total">共<span>180</span>件产品</div>
    </div>
    </div>
    </div>

    <!-- 单品介绍 -->
    <div class="product_info_about clear mt40">
        <h5 class="h5">床品</h5>
        <p class="info show">床是供人躺在上面睡觉的家具。人的三分之一的时间都是在床上度过的。 经过千百年的演化不仅是睡觉的工具，也是家庭的装饰品之一了。
            大家在买床的时候一般都看到有商家推荐的床，这些床往往都摆在非常醒目的地方，而且一般来讲价格折扣都非常吸引，但是醒目的地方，而且一般来讲价格折扣都非真是适合你的吗？
            床是供人躺在上面睡觉的家具。人的三分之一的时间都是在床上度过的。 经过千百年的演化不仅是睡觉的工具，也是家庭的装饰品之一了。
            大家在买床的时候一般都看到有商家推荐的床，这些床往往都摆在非常醒目的地方，而且一般来讲价格折扣都非常吸引，但是这些推荐的床真是适合你的吗？
            床是供人躺在上面睡觉的家具。人的三分之一的时间都是在床上度过的。 经过千百年的演化不仅是睡觉的工具，也是家庭的装饰品之一了。
            大家在买床的时候一般都看到有商家推荐的床，这些床往往都摆在非常醒目的地方，而且一般来讲价格折扣都非常吸引，但是这些推荐的床真是适合你的吗？
            大家在买床的时候一般都看到有商家推荐的床，这些床往往都摆在非常醒目的地方，而且一般来讲价格折扣都非常吸引，但是这些推荐的床真是适合你的吗？</p>
        <a href="javascript:;" class="link-text link js_link" ><span class="click_text">点击合并</span> <span class='icon icon-arrow-down'></span></a>
    </div>
    <!-- 单品介绍End -->
    <!-- 相关搭配 -->
    <div class="match mt100">
        <h3 class="title">相关搭配</h3>
        <div class="proudct_list clear mt40">
            <ul class="proudct_list_ul">
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_20.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_21.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,010.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_20.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_21.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    </div>
    <!-- 右边 End-->
    </section>
    </article>
<!-- 返回顶部 -->
<?= \Yii::$app->view->renderFile('@app/views/common/back-top.php');?>
<?php
AppAsset::addJs($this,$image_bath_url."/static/pc/js/util/flickity.pkgd.min.js");
AppAsset::addJs($this,$image_bath_url."/static/pc/js/common/proudct-list.js");
?>